<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<title>Login Sys Beleza</title>

	<style type="text/css">
body {
	background-color: #eeeeee;
	font-size: 12px;
	margin-top: 100px;
}
</style>
</h:head>

<h:body id="corpologin">

	<div align="center">
		<h:form id="frmLogin">
			<p:spacer height="100" />
			<h:panelGrid columns="1">
				<p:panel header="Login de Acesso ao Sistema">
					<p:messages id="msgLogin" showDetail="true" closable="true" />
					<h:panelGrid columns="2" style="width: 400px; height: 130px;">
						<p:outputLabel value="Login" />
						<p:inputText id="login" value="#{loginMB.usuario}" />

						<p:outputLabel value="Senha" />
						<p:password id="senha" value="#{loginMB.senha}" />

						<p:commandButton action="#{loginMB.login()}" value="OK"
							update=":frmLogin:msgLogin"
							image="ui-icon ui-icon-disk" />
					</h:panelGrid>
				</p:panel>
			</h:panelGrid>
		</h:form>

	</div>

</h:body>
</html>